<template>
  <page-header-wrapper>
    <a-card>
      <a-tabs type="card" default-active-key="1" v-model="page">
        <a-tab-pane key="1" tab="项目简介">
          <ProjectBrief @pages="pages" />
        </a-tab-pane>
        <a-tab-pane key="2" tab="客户资料">
          <Customer @pages="pages" />
        </a-tab-pane>
        <a-tab-pane key="3" tab="建筑商">
          <Builder @pages="pages" />
        </a-tab-pane>
        <a-tab-pane key="4" tab="贷款资料">
          <Loan @pages="pages" />
        </a-tab-pane>
        <a-tab-pane key="5" tab="项目建筑信息">
          <ProjectBuilding @pages="pages" />
        </a-tab-pane>
        <a-tab-pane key="6" tab="文件">
          <UploadFile @pages="pages" />
        </a-tab-pane>
      </a-tabs>
    </a-card>
  </page-header-wrapper>
</template>
<script>
import ProjectBrief from './ProjectBrief.vue'
import Customer from './Customer.vue'
import Builder from './Builder.vue'
import Loan from './Loan.vue'
import ProjectBuilding from './ProjectBuilding.vue'
import UploadFile from './UploadFile.vue'
export default {
  data() {
    return {
      name: 'Brief',
      page: '1'
    }
  },
  methods: {
    pages(v) {
      this.page = v
      console.log(v)
    }
  },
  components: {
    ProjectBrief,
    Customer,
    Builder,
    Loan,
    ProjectBuilding,
    UploadFile
  }
}
</script>
<style>
.ant-tabs {
  overflow: unset;
}
.card-container {
  background: #f5f5f5;
  /* overflow: hidden; */
  padding: 24px;
}
.card-container > .ant-tabs-card > .ant-tabs-content {
  height: 120px;
  margin-top: -16px;
}

.card-container > .ant-tabs-card > .ant-tabs-content > .ant-tabs-tabpane {
  background: #fff;
  padding: 16px;
}

.card-container > .ant-tabs-card > .ant-tabs-bar {
  border-color: #fff;
}

.card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
  border-color: transparent;
  background: transparent;
}

.card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
  border-color: #fff;
  background: #fff;
}

.add {
  float: right;
  margin-bottom: 10px;
  margin-right: 20px;
}
</style>
